<template>
    <div class="guide">
    <!--准考证号进入-->
    <div id="wrap-signin" class="page-wrap" :style="{display: partIdx==1?'block':'none'}">
        <div class="bg-light" style="background:url(http://hmwx.wdexam.com/Public/Home/img/examTp/cpa/bg-light.jpg)">
            <img src="../../static/images/logo.png" alt="中国注册会计师协会" class="logo">
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <h1 class="ta-c h1-large" style="padding-top: 200px;padding-bottom:10px;">
                <img src="../../static/images/h2019.png" alt=""></h1>
            <div class="ta-c login-box">
                <p>
                    准 考 证 号
                </p>
                <input type="text" class="inp-number" placeholder="请输入模拟准考证号&quot;1234&quot; " v-model="ticketNum">
                <br>
                <div  id="signin" class="btn-login" @click="goPart(2)" style="margin-top: 16px;">登录</div>
            </div>
            <p class="i-notice">郑重声明：练习试卷旨在让考生熟悉机考环境、试题类型和作答方式，2019年正式考试试卷的试题类型、试题数量、分值分布和机考界面等，可能会做适当调整。</p>
        </div>
        <div id="prompt" class="full-screen-tip" style="display: none;">
            <span class="wrap"></span>
        </div>
    </div>
<!--考生信息-->
    <div id="wrap-info" class="page-wrap" :style="{display: partIdx==2?'block':'none'}">
        <div class="bg-light">
            <img src="../../static/images/logo.png" alt="中国注册会计师协会" class="logo">
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <h1 class="ta-c h1-large" style="padding-top: 90px;padding-bottom:10px;">
                <img src="../../static/images/h2019.png" alt=""></h1>
            <div class="box-wrap check-user-info">
                <h2>考生信息</h2>
                <table>
                    <tbody><tr>
                        <th>姓<span class="block"></span>名：</th>
                        <td><span>{{nickname}}</span></td>
                        <td rowspan="6" class="td-photo">
                            <img src="../../static/images/photo.png" alt="照片"></td>
                    </tr>
                    <tr>
                        <th>性<span class="block"></span>别：</th>
                        <td><span>{{gender}}</span></td>
                    </tr>
                    <tr>
                        <th>准考证号：</th>
                        <td><span>1234</span></td>
                    </tr>
                    <tr>
                        <th>证件号码：</th>
                        <td><span>11010819831015269X</span></td>
                    </tr>
                    <tr>
                        <th>考试科目：</th>
                        <td><span>{{categoryName}}</span></td>
                    </tr>
                    <tr>
                        <th>考试时间：</th>
                        <td><span>{{date}}</span></td>
                    </tr>
                </tbody></table>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-go goRuleBtn" @click="goPart(3)">login</a></div>
        </div>
    </div>
<!--考场规则-->
    <div id="wrap-rule" class="page-wrap" :style="{display: partIdx==3?'block':'none'}">
        <div class="bg-light">
            <div class="sub-title">
                <img src="../../static/images/sub-rules.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; overflow: auto;">
                    <div class="p-rules">
                        <table width="100%" align="center" class="kcsz">
                            <tbody><tr>
                                <td align="left" valign="top" width="70"><b>第一条</b></td>
                                <td valign="top">为了规范注册会计师全国统一考试应考人员考场行为，保证考试正常有序进行，根据《注册会计师全国统一考试办法》和《注册会计师全国统一考试违规行为处理办法》，制定本守则。</td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第二条</b></td>
                                <td valign="top">
                                    应考人员应当遵守《注册会计师全国统一考试办法》、《注册会计师全国统一考试违规行为处理办法》和本守则的规定。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第三条</b></td>
                                <td valign="top">
                                    考试开始前40分钟，应考人员应当凭本人准考证和与报名信息一致的有效身份证件进入考场，接受监考人员核对证件，在《注册会计师全国统一考试考场情况记录表》（简称《考场情况记录表》）“考生签字”栏内签名，并拍照后按照监考人员指定的位置入座。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第四条</b></td>
                                <td valign="top">
                                    进入考场时，应考人员可以携带蓝色或黑色钢笔、圆珠笔、铅笔、直尺、不具有文字储存及显示、录放功能的计算器等，不得携带手机等通讯设备和电子设备、书籍、纸张、饮品以及其他与考试无关的物品进入考场座位。<br>
                                    如果应考人员携带与考试无关的物品，应当存放在考场内监考人员指定的位置。
                                </td>

                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第五条</b></td>
                                <td valign="top">
                                    应考人员入座后，应当将准考证和身份证件放置在座位左上角，以备监考人员检查。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第六条</b></td>
                                <td valign="top">
                                    应考人员入座后，不得擅自离开考场。如果有特殊情况需要暂时离开考场，应当由监考人员陪同，返回考场时应当重新拍照。<br>
                                    在同一考场同一时间，只允许1名应考人员暂时离开考场。
                                </td>

                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第七条</b></td>
                                <td valign="top">
                                    入座后考试开始前，应考人员可以登录计算机考试界面，核对考试相关信息。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第八条</b></td>
                                <td valign="top">
                                    考试开始30分钟后，应考人员不得进入考场。应考人员交卷退场时间不得早于考试结束前30分钟。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第九条</b></td>
                                <td valign="top">
                                    应考人员根据答题情况可向监考人员申请草稿纸。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十条</b></td>
                                <td valign="top">
                                    如果出现考试机故障、网络故障或供电故障等异常情况，导致应考人员无法正常考试，应考人员应当听从监考人员的安排。
                                </td>

                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十一条</b></td>
                                <td valign="top">
                                    因考试机故障等客观原因导致应考人员答题时间出现损失，应考人员可以当场向监考人员提出补时要求，由监考人员根据财政部注册会计师考试委员会办公室的规定予以处理。
                                </td>

                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十二条</b></td>
                                <td valign="top">
                                    如果应考人员因突发疾病不能继续考试的，应当停止考试，立即就医。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十三条</b></td>
                                <td valign="top">
                                    考试结束前，应考人员有违规行为或特殊情况需离场处理的，应当经监考人员批准，在《考场情况记录表》中填写交卷时间并签字确认，由指定的监考人员陪同至考点备用休息室，至考试结束前30分钟方可离开。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十四条</b></td>
                                <td valign="top">
                                    考试结束时，应考人员应当听从监考人员指令，停止考试，将草稿纸整理好放在桌面上，等候监考人员清点回收。监考人员宣布退场后，应考人员方可退出考场。应考人员离开考场后不得在考场附近逗留、喧哗。
                                </td>

                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十五条</b></td>
                                <td valign="top">
                                    应考人员在考试期间应当严格遵守考场纪律，保持考场肃静，维护考场秩序。
                                </td>

                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十六条</b></td>
                                <td valign="top">
                                    应考人员对试题内容负有保密义务，不得将试题内容抄录或复制后带出考场，不得传播、扩散试题内容。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十七条</b></td>
                                <td valign="top">
                                    应考人员如果出现违规行为，将按照《注册会计师全国统一考试违规行为处理办法》相关规定处理，有关情况将向所在单位通报，并向社会公布。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十八条</b></td>
                                <td valign="top">
                                    选择纸笔作答考试方式的应考人员，客观题在计算机上作答，主观题在纸质答题卷上作答，答题结果填写在草稿纸上或未填写在答题卷指定位置上无效。
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top" width="70"><b>第十九条</b></td>
                                <td valign="top">
                                    本守则自2014年6月3日起施行。2012年8月28日财政部注册会计师考试委员会印发的《注册会计师全国统一考试应考人员考场守则》（财考〔2012〕5号）同时废止。
                                </td>
                            </tr>
                        </tbody></table>
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goInfoBtn"  @click="backPart(2)">返回</a><a href="javascript:void(0);" class="btn-go goAttentionBtn" @click="goPart(4)">继续</a></div>
        </div>
    </div>
    <!--考试事项-->
    <div id="wrap-attention" class="page-wrap" :style="{display: partIdx==4&&isShowhelpIdx==0?'block':'none'}">
        <div class="bg-light">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="p-notice">
                        <a name="top"></a>
                        <p>
                            <strong>本说明详细介绍了机考系统的使用方法、答题方式，以及考生需要了解的重要事项。<br>
                            </strong>
                        </p>
                        <p>
                            <strong>在开始考试之前，请仔细阅读。
                            </strong>
                        </p>
                        <dl class="menu-list">
                            <dt>目录</dt>
                            <template v-for="(helpItem,idx) in helpNavList">
                                <dd>
                                    <a href="javascript:void(0);" @click="goHelp(idx)" class="goHelpBtn">{{helpItem}}</a>
                                </dd>
                            </template>
                            
                        </dl>
                        <p style="font-weight: bold;">点击“继续”按钮进入考试阶段，考试计时开始。</p>
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>
        </div>
    </div>
    <!--考试事项帮助说明-->
    <div id="wrap-help" class="page-wrap" :style="{display: partIdx==4?'block':'none'}">
        <!--帮助1-->
        <div class="bg-light" v-show="isShowhelpIdx==1">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)" v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <a name="top"></a>
                        <a name="e-important"></a>
                        <dl>
                            <dt>重要事项 </dt>
                            <dd>
                                <ul style="list-style-type: disc; margin-left: 20px">
                                    <li>
                                        所有考生在草稿纸上书写的所有答题结果一律<strong>无效</strong>；草稿纸在考试结束后一律不得带出考场。</li>
                                    <li>在考试资料、试题内容较多的情况下，请注意务必要使用鼠标上下拖动屏幕右侧的纵向滚动条、或点击工具栏上的<strong>所有</strong>标签页来查看全部<br>内容，以避免遗漏重要信息。</li>
                                    <li>主观题的资料区以及答题区的工具栏使用方法可以参考<strong><a href="javascript:void(0);" class="goHelpBtn" helpindex="4">答题辅助功能使用说明</a></strong>。此外，为方便考生作答，答题时使用键盘直接输入数字<br>或符号，以及使用快捷键功能，系统都可接受，作答结果不受影响。</li>
                                    <li>在考试过程中，如果遇到任何您认为与机考系统软件、设备硬件故障相关的问题，请立即举手向监考人员示意，并在等待解决的过程中保<br>持安静以免影响其他考生。</li>
                                </ul>
                            </dd>
                            <dd>
                            <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>
        </div>
        <!--帮助2-->
        <div class="bg-light" v-show="isShowhelpIdx==2">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)" v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <a name="top"></a>
                        <dl>
                            <dt>答题界面介绍</dt>
                            <dd>
                                <h4>客观题</h4>
                                <p>客观题包括单项选择题和多项选择题。</p>
                                <p>单项选择题答题时，考生直接用鼠标点击备选项中认为正确的一个选项。如果需要修改答案，用鼠标点击其他备选项即可；且机考系统只允许考生在所有备选项中选择<strong>一个</strong>备选项作为答案。</p>
                                <p>多项选择题答题时，考生直接用鼠标点击备选项中认为正确的<strong>所有</strong>选项。如果需要撤销已经选中的选项，再次点击该选项即可；且机考系统允许考生在所有备选项中选择<strong>任意多个</strong>备选项作为答案。</p>
                                <p>客观题答题页面如下图所示。<br>
                                    <img style="width: 80%" src="../../static/images/1-s.jpg" alt="单项选择题"></p>
                            </dd>
                            <dd>
                                <h4>主观题</h4>
                                <p>主观题包括简答题、计算分析题、案例分析题、计算问答题、综合题等。</p>
                                <p>主观题的答题页面如下图所示。<br>
                                    <img style="width: 80%" src="../../static/images/3-s.jpg" alt="主观类试题"></p>
                                <p>当资料区内容较多时，可以用鼠标上下拖动右侧的纵向滚动条来阅读全部内容。</p>
                                <p>通常一道主观题会包括多个答题要求。当答题区上有多个标签页时，请务必逐一点击标签查看并回答所有问题，以免漏答。作答时考生应直接将答案录入指定的答题区域中。在草稿纸上书写的所有答案无效。</p>
                                <p>考生可以通过上下拖动分割条来调整资料区、答题区的大小；也可以直接通过工具栏上的<strong>放大窗口</strong>按钮，将资料区或答题区进行最大化显示，方便考生阅读或答题。</p>
                                <p>在考生答题过程中，机考系统会<strong>自动</strong>为考生保存答案。</p>
                            </dd>
                            <dd>
                                   <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>
        </div>
        <!--帮助3-->
        <div class="bg-light" v-show="isShowhelpIdx==3">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)" v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <a name="top"></a>
                        <dl>
                            <dt>考试信息显示区介绍 </dt>
                            <dd>
                                <p>考试信息显示区在每个答题页面的最上方，如下图所示。<br>
                                    <img src="../../static/images/image003.jpg" alt=""></p>
                                <ol style="padding-left: 50px;">
                                    <li>答题进度：提示考生当前正在进行哪个部分、第几题的作答。</li>
                                    <li>本场考试剩余答题时间显示。考生应合理分配答题时间。<br>
                                        当本场考试时间只剩余<strong>10</strong>分钟时，机考系统会提醒考生抓紧时间对答题情况进行检查。<br>
									<span class="red">注意：一旦整场考试时间结束，机考系统会自动禁止未交卷的考生继续答题。
									</span>
                                    </li>
                                    <li>考试“机号”显示。考试“机号”是机考系统为每台考试机预先设定的<strong>编号</strong>。
                                    </li>
                                </ol>
                            </dd>
                            <dd>
                                   <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
             <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>
        </div>
        <!--帮助4-->
        <div class="bg-light" v-show="isShowhelpIdx==4">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)" v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <dl>
                            <dt>机考系统导航工具栏介绍 </dt>
                            <dd>
                                <p>机考系统导航工具栏在每个答题页面的最下方，如下图所示。<br>
                                    <img src="../../static/images/5-s.png" alt=""></p>
                                <ol style="padding-left: 50px;">
                                    <li>点击<strong>考生信息</strong>按钮可以查看考生个人信息。<br>
                                        在考试过程中，如考场监考人员、巡考人员需要核对个人信息，请考生予以配合。
                                    </li>
                                    <li>如果考生需要提醒自己稍后返回检查当前试题，则可以用鼠标点击<strong>标记本题</strong>选择框进行标记。用鼠标再次点击该选择框可以取消本题<br>标记。<br>
                                        被标记的试题，会在“试题列表”界面突出显示。对试题所作的标记，<strong>不会</strong>被作为答题结果，也<strong>不会</strong>影响考生得分情况。<br>
                                        合理使用试题标记功能，可以在大量的试题中快速查找到需要重点检查的试题。<br>
                                    </li>
                                    <li>点击<strong>下一页</strong>按钮进入下一答题页面。</li>
                                    <li>点击<strong>上一页</strong>按钮可以返回上一答题页面。</li>
                                    <li>点击<strong>试题列表</strong>按钮进入“试题列表”页面。</li>
                                    <li>点击<strong>结束考试</strong>按钮结束答题，提交个人答题结果。</li>
                                </ol>
                            </dd>
                            <dd>
                                   <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
             <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>
        </div>
        <!--帮助5-->
        <div class="bg-light" v-show="isShowhelpIdx==5">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)"v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <dl>
                            <dt>答题辅助功能使用说明 </dt>
                            <dd>
                                <p>机考系统提供了必要的辅助功能，帮助考生完成答题。</p>
                                <h4>资料区辅助工具 </h4>
                                <p>资料区的工具栏如下图所示。</p>
                                <img width="760" height="41" src="../../static/images/image005.jpg">
                                <ol style="padding-left: 50px;">
                                    <li>用鼠标在资料区选中任意一段文字，再用鼠标点击<strong>标记</strong>按钮对选中部分的文字加上<span class="mark">高亮标记</span>。<br>
                                        对资料文字所作的标记，<strong>不会</strong>作为考生答案的一部分，也<strong>不会</strong>影响考生得分情况。<br>
                                        合理使用标记功能，在大篇幅的资料中将重要的信息突出显示，方便查找。
                                    </li>
                                    <li>用鼠标在资料区选中一段文字，再用鼠标点击<strong>取消标记</strong>按钮清除选中部分的文字的高亮标记。
                                    </li>
                                    <li>点击<strong>放大窗口</strong>按钮，可以将资料区窗口最大化显示，方便阅读。 </li>
                                </ol>
                                <h4>答题区辅助工具</h4>
                                <p>
                                    答题区工具栏如下图所示。<br>
                                    <img width="760" height="36" src="../../static/images/image006.jpg">
                                </p>
                                <ol style="padding-left: 50px;">
                                    <li>如果一道试题包括多个答题要求，用鼠标逐一点击标签页切换并查看答题要求。<br>
                                        <span class="red">注意：请务必查看并尽可能完成每个答题要求。</span>
                                    </li>
                                    <li>用鼠标在资料区或答题区选中任意一段文字后，再用鼠标点击<strong>复制</strong>按钮，可以将选中部分的文字复制到剪切板中，被复制的文字可以被粘贴到答题区内。<br>使用<strong>复制</strong>功能，方便在答题时直接引用资料，减少文字录入量并提高文字的准确性。也可以减少答案文字的重复录入，并快速地编辑、修改答案。
                                    </li>
                                    <li>用鼠标在答题区选中已经录入的文字，再用鼠标点击<strong>剪切</strong>按钮，可以将选中部分的文字剪切到剪切板中，之后可以粘贴到答题区内。<br>使用<strong>剪切</strong>功能，可以快捷地调整文字在答案中的位置。<br>
                                        <span class="red">注意：资料区的内容不能被剪切。</span>
                                    </li>
                                    <li>鼠标点击<strong>粘贴</strong>按钮，可以将已经复制/剪切的内容粘贴到答题区中，被粘贴的文字会插入在光标当前所在位置。<br>
                                        <span class="red">注意：资料区内容不能被删除或修改，考生也不能将剪切板中的内容粘贴到资料区中。</span>
                                    </li>
                                    <li>当需要在答案中书写复杂的公式表达式，或使用特殊符号，鼠标点击<strong>公式和符号</strong>按钮打开公式编辑菜单。
                                    </li>
                                    <li>当需要在答案中插入矩阵或表格时，用鼠标点击<strong>表格和矩阵</strong>按钮打开菜单，并选择合适的矩阵或表格插入到答题区中。</li>
                                    <li>机考系统上安装了多种常用输入法，考生可以自行选择使用。<br>
                                        用鼠标点击<strong>输入法</strong>按钮可以查看可选输入法列表；在列表中用鼠标点击需要使用的输入法即可完成输入法选择和切换。
                                    </li>
                                    <li>鼠标点击<strong>计算器</strong>按钮可以调用计算器软件，帮助考生完成计算。
                                    </li>
                                    <li>点击<strong>放大窗口</strong>按钮，可以将答题区窗口最大化显示，方便考生输入答案。
                                    </li>
                                </ol>
                            </dd>
                            <dd>
                                   <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>        </div>
        <!--帮助6-->
        <div class="bg-light" v-show="isShowhelpIdx==6">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)" v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <dl>
                            <dt>试题列表</dt>
                            <dd>
                                <p>在“试题列表”页面，考生可以一目了然地查看整套试卷的作答情况，包括每道试题的已答或未答状态、标记状态。并可以点击各题号按钮，直接返回任意一道试题进行检查。</p>
                                <p>考生可以点击<strong>查看作答情况</strong>按钮来查看自己的作答用时等具体情况。</p>
                                <p>考生作答完毕，也可以在“试题列表”页面上直接点击<strong>结束考试</strong>按钮交卷。</p>
                                <p>
                                    “试题列表”页面如下图所示。<br>
                                    <img src="../../static/images/8-s.jpg" style="width: 80%;" alt="">
                                </p>
                            </dd>
                            <dd>
                                <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>        
        </div>
        <!--帮助7-->
        <div class="bg-light" v-show="isShowhelpIdx==7">
            <div class="sub-title">
                <img src="../../static/images/sub-notice.png" alt="">
            </div>
            <div class="pc-number">
                机号<span>1</span>
            </div>
            <div class="wrap-l">
                <div class="box-wrap" style="height: 580px; padding: 10px 0; overflow-y: auto;">
                    <div class="fixed-nav">
                        <strong>
                            导航：
                        </strong>
                        <a href="javascript:void(0);" class="goHelpBtn" @click="goHelp(idx)" v-for="(helpItem,idx) in helpNavList">{{helpItem}}</a>
                    </div>
                    <div class="p-notice">
                        <dl>
                            <dt>结束考试 </dt>
                            <dd>
                                <h4>考生提前交卷</h4>
                                <p>在整场考试时限未到之前，如果考生决定要提前交卷，可以在任何一道试题的答题页面，或在“试题列表”页面下方点击<strong>结束考试</strong>按钮结束答题。</p>
                                <p>此时，机考系统会提醒考生对交卷的决定进行三次确认。在任意一次确认时如选择<strong>取消</strong>按钮，都可以返回继续考试；如果考生连续三次确认交卷，将<strong>不能</strong>再返回考试继续考试。</p>
                                <p class="red">考生在提前交卷之前，务必仔细检查自己的答题完成情况。</p>
                                <p>考生在个人考试机上进行提前交卷，<strong>不会</strong>中断其他考生的考试过程。因此在交卷后，务必尽快整理好个人物品并安静地离开考场，以免影响其他考生继续答题。</p>
                                <h4>整场考试结束 </h4>
                                <p>一旦整场考试时间结束，机考系统会自动禁止<strong>所有</strong>未交卷的考生继续答题，并为所有未交卷的考生统一交卷。此时，<strong>无需</strong>考生对交卷操作进行确认。</p>
                                <p>考试结束后，机考系统会<strong>自动</strong>收集并上传所有考生的答题结果。</p>
                            </dd>
                            <dd>
                                  <p class="ta-r"><a href="javascript:void(0);" class="goAttentionBtn" @click="goHelp(0)">返回目录</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
  <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goRuleBtn" @click="backPart(3)">返回</a><a href="javascript:void(0);" class="btn-go goTipsBtn" @click="goPart(5)">继续</a></div>        </div>
    </div>
    <div id="wrap-tips" class="page-wrap"  :style="{display: partIdx==5?'block':'none'}">
        <div class="bg-light">
            <div class="sub-title">
                <img src="../../static/images/sub-tips.png" alt="">
            </div>
		<span class="small-h-wrap">
			<div class="pc-s-number">
                机号：<span class="red">1</span>
            </div>
		</span>
            <div class="tip-wrap">
                <div class="box-wrap clearfix">
                    <div class="sub-info">
                        在开始答题前，请考生关注下列事项：
                    </div>
                    <ul class="ul-tips">
                        <li>一、本试题卷计算分析题中有一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。试卷最高得分为105分。本科目合格分数线为60分。</li>
                        <li>二、涉及计算的，如有小数，保留两位小数，两位小数后四舍五入。</li>
                        <li>三、考生在草稿纸上答题一律无效。考试结束后，不得将草稿纸带出考场。</li>
                    </ul>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-go goSummaryBtn" @click="goPart(6)">继续</a></div>
        </div>
    </div>
    <div id="wrap-summary" class="page-wrap" :style="{display: partIdx==6?'block':'none'}">
        <div class="bg-light">
		<span class="small-h-wrap">
			<!--div class="pc-time">考试剩余时间：<span class="red countdown"></span></div-->
			<div class="pc-s-number">
                机号：<span class="red">1</span>
            </div>
		</span>
            <div class="menu-wrap">
                <div class="box-wrap clearfix">
                    <h3 class="ta-c">{{subjectName}}—{{categoryName}}</h3>
                    <div class="sub-info">
                        <img src="../../static/images/icon-menu.png" alt="">目录（考试分成以下部分）：
                    </div>
                        <ul>
                            <template v-if="examType==0">
                                <li class="alpha">
                                <h4>一、单选题</h4>
                                <p>一、单项选择题（每小题2分。每小题只有一个正确答案，请从每小题的备选答案中选出一个你认为正确的答案，用鼠标点击相应的选项。）</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="1" @click="goExamBtn(0)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>二、多选题</h4>
                                <p>二、多项选择题（每小题2分。每小题均有多个正确答案，请从每小题的备选答案中选出你认为正确的答案，用鼠标点击相应的选项。每小题所有答案选择正确的得分，不答、错答、漏答均不得分。）</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="5"  @click="goExamBtn(1)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>三、计算分析题</h4>
                                <p>三、计算分析题（每题10分，其中一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。涉及计算的，要求列出计算步骤。）</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="11" @click="goExamBtn(5)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>四、综合题</h4>
                                <p>四、综合题（涉及计算的，要求列出计算步骤。）</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="23" @click="goExamBtn(6)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a>
                                </li>        
                            </template>
                            <template v-if="examType==1">
                                <li class="alpha">
                                <h4>一、单选题</h4>
                                <p>本题型共14小题，每小题1.5分，共21分。每小题只有一个正确答案，请从每小题的备选答案中选出一个你认为最正确的答案，用鼠标点击相应的选项。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="1" @click="goExamBtn(0)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>二、多选题</h4>
                                <p>本题型共12小题，每小题2分，共24分。每小题均有多个正确答案，请从每小题的备选答案中选出你认为正确的答案，用鼠标点击相应的选项。每小题所有答案选择正确的得分，不答、错答、漏答均不得分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="5"  @click="goExamBtn(1)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>三、计算分析题</h4>
                                <p>本题型共5小题40分。其中一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。本题型最高得分为45分。涉及计算的，要求列出计算步骤，否则不得分，除非题目特别说明不需要列出计算过程。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="11" @click="goExamBtn(5)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>四、综合题</h4>
                                <p>本题共15分。涉及计算的，要求列出计算步骤，否则不得分，除非题目特别说明不需要列出计算过程。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="23" @click="goExamBtn(6)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a>
                                </li>    
                            </template>
                            <template v-if="examType==2">
                                <li class="alpha">
                                <h4>一、单选题</h4>
                                <p>本题型共24小题，每小题1分，共24分。每小题只有一个正确答案，请从每小题的备选答案中选出一个你认为正确的答案，用鼠标点击相应的选项。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="1" @click="goExamBtn(0)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>二、多选题</h4>
                                <p>本题型共14小题，每小题1.5分，共21分。每小题均有多个正确答案，请从每小题的备选答案中选出你认为正确的所有答案，用鼠标点击相应的选项。每小题所有答案选择正确的得分，不答、错答、漏答均不得分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="5"  @click="goExamBtn(1)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>三、案例分析题</h4>
                                <p>本题型共4小题55分。其中一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。本题型最高得分为60分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="11" @click="goExamBtn(8)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li>
                            </template>
                            <template v-if="examType==3">
                                 <li class="alpha">
                                
                                <h4>一、单选题</h4>
                                <p>本题型共25小题，每小题1分，共25分。每小题只有一个正确答案，请从每小题的备选答案中选出一个你认为正确的答案，用鼠标点击相应的选项。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="1" @click="goExamBtn(0)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>二、多选题</h4>
                                <p>本题型共10小题，每小题2分，共20分。每小题均有多个正确答案，请从每小题的备选答案中选出你认为正确的答案，用鼠标点击相应的选项。每小题所有答案选择正确的得分，不答、错答、漏答均不得分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="5"  @click="goExamBtn(1)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>三、简答题</h4>
                                <p>本题型共6小题36分。其中一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。本题型最高得分为41分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="11" @click="goExamBtn(4)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>四、综合题</h4>
                                <p>本题共19分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="23" @click="goExamBtn(6)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a>
                                </li>    
                            </template>
                            <template v-if="examType==4">
                                 <li class="alpha">
                                
                                <h4>一、单选题</h4>
                                <p>本题型共24小题，每小题1分，共24分。每小题只有一个正确答案，请从每小题的备选答案中选出一个你认为正确的答案，用鼠标点击相应的选项。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="1" @click="goExamBtn(0)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>二、多选题</h4>
                                <p>本题型共14小题，每小题1.5分，共21分。每小题均有多个正确答案，请从每小题的备选答案中选出你认为正确的答案，用鼠标点击相应的选项。每小题所有答案选择正确的得分，不答、错答、漏答均不得分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="5"  @click="goExamBtn(1)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>三、计算问答题</h4>
                                <p>本题型共4小题，24分。其中一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。本题型最高得分为29分。涉及计算的，要求列出计算步骤。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="11" @click="goExamBtn(4)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>四、综合题</h4>
                                <p>本题型共2小题，31分。涉及计算的，要求列出计算步骤。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="23" @click="goExamBtn(6)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a>
                                </li>    
                            </template>
                            <template v-if="examType==5">
                                 <li class="alpha">
                                
                                <h4>一、单选题</h4>
                                <p>本题型共24小题，每小题1分，共24分。每小题只有一个正确答案，请从每小题的备选答案中选出一个你认为正确的答案，用鼠标点击相应的选项。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="1" @click="goExamBtn(0)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>二、多选题</h4>
                                <p>本题型共14小题，每小题1.5分，共21分。每小题均有多个正确答案，请从每小题的备选答案中选出你认为正确的答案，用鼠标点击相应的选项。每小题所有答案选择正确的得分，不答、错答、漏答均不得分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="5"  @click="goExamBtn(1)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>三、简答题</h4>
                                <p>本题型共4小题30分。其中一道小题可以选用中文或英文解答，请仔细阅读答题要求。如使用英文解答，须全部使用英文，答题正确的，增加5分。本题型最高得分为35分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="11" @click="goExamBtn(4)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a></li><li class="">
                                <h4>四、综合题</h4>
                                <p>本题共25分。</p>
                                <a href="javascript:void(0);" class="goExamBtn" tktype="23" @click="goExamBtn(6)">
                                    <img src="../../static/images/btn-enter.png" alt="点击进入"></a>
                                </li>    
                            </template>
                                    
                        </ul>
                    <div class="tip">
                        注意：本场考试时间为<span class="red">{{examTime}}分钟</span>。
                    </div>
                </div>
            </div>
            <div class="opt-area ta-c"><a href="javascript:void(0);" class="btn-back mr60px goTipsBtn" @click="backPart(5)">返回</a><a href="javascript:void(0);" class="btn-go goExamBtn" @click="goExamBtn(0)">继续</a></div>
        </div>
    </div>

</div>
</template>
<script>
export default {
    data:function(){
        return {
            examTime:180,//考试时间
            examType:0,//试卷类型
            subjectName:'注册会计师',
            categoryName:'会计',
            nickname:'张三',
            gender:"男",
            ticketNum:'',
            partIdx:1,
            isShowhelpIdx:0,
            helpNavList:[
                '首页','重要事项','答题界面介绍 ','考试信息显示区介绍','机考系统导航工具栏介绍 ','答题辅助功能使用说明 ','试题列表 ','结束考试'
            ]
        }
    },
    created(){
        this.nickname = localStorage.getItem('nickname')
        this.gender = localStorage.getItem('gender')
        let time = new Date();
        this.date = time.getFullYear()+'年'+(time.getMonth()+1)+'月' +time.getDate()+'日'
        this.categoryName = localStorage.getItem('categoryName')
        this.subjectName = localStorage.getItem('subjectName')
        // 判断显示那种介绍
        switch(this.categoryName){
            case '会计':
                this.examType = 0;
                this.examTime = 180;
                break;
            case '财管':
                this.examType = 1;
                this.examTime = 150;
                break;
            case '经济法':
                this.examType = 2;
                this.examTime = 120;
                break;
            case '审计':
                this.examType = 3;
                this.examTime = 150;
                break;
            case '税法':
                this.examType = 4;
                this.examTime = 120;
                break;
            case '战略':
                this.examType = 5;
                this.examTime = 120;
                break;
        }
    },
    methods:{
        goHelp(idx){
            this.isShowhelpIdx=idx;
        },
        // 去答题
        goExamBtn(type){
            let routeData = this.$router.resolve({ path: '/exam', query: {  type: type,id:this.$route.query.id,progressID:this.$route.query.progressID} });
            try {
                window.open(routeData.href, 'zhukuai','height='+(screen.availHeight - 50) +', width='+(screen.availWidth - 10) +', toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no')
            } catch (error) {
                window.open(routeData.href,'_blank');
                
            }
        },
        // 继续返回
        backPart(num){
            this.partIdx=num
        },
        goPart(num){
            if(num==2){
                if(this.ticketNum!="1234"){
                    this.$alert('请输入模拟准考证号“1234”', '提示', {
                        confirmButtonText: '确定',
                    });
                    return;
                }
            }
            this.partIdx=num;
        }
    }
}
</script>

<style lang="scss" scoped>
.guide{
    font-size:14px!important;
}
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, tr, th, td, embed, object, em, hr, span, header, hgroup, nav, aside, footer, figure, figcaption, time, details, summary { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr { border: 0; }
address, caption, cite, code, dfn, i, em, h1, h2, h3, h4, h5, h6, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
cite { display: block; font-size: 12px; font-style: italic; text-align: right; }
textarea { overflow: auto; }
img { border: 0; }
input, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
header, hgroup, nav, aside, section, footer, article, figure, figcaption, details, summary { display: block; }
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.white-space-nowrap{white-space: nowrap;}
.user-select{-webkit-touch-callout: text;-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}

body { font-family: Tahoma,Arial; min-width: 950px; font-size: 14px; line-height: 1.5; background-color: #F1F1F1; overflow-x: hidden;}
input { vertical-align: middle; }
input[type=checkbox] { vertical-align: -2px !important; }
input[type=radio] { vertical-align: -2px; }
select { padding: 3px 5px; font-size: 14px; margin-left: 0px; }
a { color: #1a64a1; }
a:hover { color: #f37f0d; }
::selection { background: #9ECF69; color: #fff; }
::-moz-selection { background: #9ECF69; color: #fff; }
.ta-c { text-align: center; }
.red { color: #f00; }

.bg-light, .bg-cold { position: relative; width: 1024px; height: 768px; margin: 0 auto; background: url(../../static/images/bg-light.jpg) no-repeat; border: 1px solid #C1CEE3; overflow: hidden; }
.bg-cold { background: url(../../static/images/bg-2.jpg) no-repeat; }
.logo, .logo-m { position: absolute; top: 20px; left: 10px; width: 150px; height: 150px; }
.logo-m { top: 10px; left: 50px; width: 80px; height: 80px; }
.sub-title { position: absolute; top: 10px; width: 100%; text-align: center; }.question-opt .ul-more
                                                                              .pc-time { position: absolute; top: 10px; right: 120px; }
.pc-number { position: absolute; top: 10px; right: 0px; }
.pc-number { font: bold 30px "simhei"; }
.pc-number span { font: bold 44px arial; color: #f00; padding-right: 20px; vertical-align: -5px; margin-left: 15px; text-shadow: 0 1px 0 #B2D8FF; }

.h1-large { width: 100%; }

.login-box { margin: 20px 0; }
.login-box p { font-size: 24px; font-weight: bold; }
.login-box .inp-number { font-size: 20px; background: #CCE8CF; padding: 5px; margin: 10px 0 30px; width: 320px; }
.login-box .btn-login, .btn-go, .btn-close, .btn-back, .btn-start { width: 166px; height: 100px; background: url(../../static/images/btn-login.png) no-repeat; border: none; cursor: pointer; font-size: 0; display: inline-block; }

.btn-go { background: url("../../static/images/btn-go.png") no-repeat; }
// .btn-close { background: url("http://hmwx.wdexam.com/Public/Home/img/examTp/cpa/btn-close.png") no-repeat; }
.btn-back { background: url("../../static/images/btn-back.png") no-repeat; }
// .btn-start { background: url("http://hmwx.wdexam.com/Public/Home/img/examTp/cpa/btn-start.png") no-repeat; }
.btn-s-close { background: url("../../static/images/btn-s-close.png") no-repeat; width: 58px; height: 28px; display: inline-block; font-size: 0; }

.box-wrap { background-color: #F5FAFE; width: 940px; border: 1px solid #C6DEF6; border-radius: 10px; box-shadow: 3px 3px 10px #666; margin: 0 auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch; overflow-y: auto; }
.box-wrap iframe { }
.check-user-info { overflow: hidden; }
.check-user-info h2 { padding: 20px 40px; font-weight: bold; font-size: 26px; display: inline-block; }
.check-user-info table { width: 100%; font-size: 20px; }
.check-user-info th { font-weight: bold; width: 130px; text-align: right; }
.check-user-info th .block { display: inline-block; width: 42px; }
.check-user-info th, .check-user-info td { padding: 8px 5px; }
.check-user-info td span { display: block; border-bottom: 1px solid #000; text-align: center; color: #4E5C76; }
.check-user-info .td-photo { width: 260px; text-align: center; }

.bg-light, .bg-cold { position: relative; }
.opt-area { margin: 30px auto auto; position: absolute; width: 100%; bottom: -30px; }

.single-intro { padding-top: 190px; }
.single-intro iframe { width: 100%; overflow-y: auto; margin-top: 10px; height: 392px; }

.header { padding: 10px 0; }
.header .desc{text-indent: 2em;margin:0 10px;font-size: 12px;height:36px;}
.header .title-desc { padding-left: 53px; }
.header span.right { float: right; display: inline-block; margin-top: 5px; margin-right: 10px; }
.header .h-logo, .header .h-type, .header .h-cur, .header .h-time, .header .h-notice, .header .h-pc-number, .pc-s-number, .pc-time { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; }
.header .h-type { margin-left: 10px; font-size: 20px; }
.header .h-cur { display: inline-block; width: 160px; font-size: 20px; }
.header .h-cur s { text-decoration: none; color: #f00; }
.header .h-time { display: inline-block; margin-right: 50px; }
.header .h-notice { margin: 0 20px; }
.header .h-notice img { vertical-align: middle; }
.header .h-pc-number { }
.header .h-pc-number span, .small-h-wrap .pc-s-number span { color: #f00; font: bold 18px arial; text-shadow: 0 1px 0 #B2D8FF; }

.small-h-wrap { text-align: right; display: block; position: relative; }
.small-h-wrap .pc-time { margin-top: 30px; position: absolute; top: 10px; right: 120px; }
.small-h-wrap .pc-s-number { position: absolute; width: 120px; right: 20px; top: 40px; }

.info { float: left; border: 1px solid #D5DCE4; border-radius: 10px; background: rgba(255,255,255,0.7); width: 180px; margin: 0 10px; padding: 10px 20px; }
.info h3 { font-weight: bold; color: #668ABA; }
.info .user-photo { width: 100%; margin: 20px 0; }
.info dt { font-weight: bold; }
.info dd { margin-bottom: 10px; }

.exam { width: 1003px; margin: 0 auto; height: 650px; margin-bottom: 30px; }

.footer { margin: 10px; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer .right .opt { margin: 0 30px; width: 240px; display: inline-block; vertical-align: 0px; }
.footer .right .opt img:hover { box-shadow: 0 0 10px rgba(52,175,255,0.5); }
.footer .right label { margin-right: 30px; font-weight: bold; }
.footer .right a, .footer .left a { margin-left: 5px; font-size: 0; outline: none; }
.footer .right * { vertical-align: middle; }



.select-wrap { margin-top: 70px; margin-bottom: 20px; }
.select-wrap .box-wrap { border: 1px solid #D7E8FA; width: 980px; max-height: 620px; min-height: 300px; }
.select-wrap .state-intro { padding-right: 70px; margin: 20px 0; }
.select-wrap p span { display: inline-block; margin-left: 10px; }
.select-wrap dl { border-bottom: 1px solid #EBF2FC; padding: 15px 0px 15px 60px; }
.select-wrap dl.omega { border: none; }
.select-wrap dt { display: inline-block; float: left; width: 130px; padding-right: 20px; text-align: right; font-weight: bold; }
.select-wrap dd { display: inline-block; width: 620px; }
.select-wrap dd a { border: 1px solid #ccc; color: #32639B; display: inline-block; text-align: center; width: 50px; padding: 5px 0; margin-right: 7px; margin-bottom: 10px; background-color: #D9E5F5; text-decoration: none; }
.select-wrap dd a:hover { text-decoration: none; background-color: #E5F0FA; }
.select-wrap dd a.yes { background-color: #349802; color: #FFF; }
.select-wrap dd a.mark { background-image: url("../../static/images/icon-mark.png"); background-position: top right; background-repeat: no-repeat; }

.c-orange{color:#FF8A53;}
.c-green{color:#64925E;}
.pull-right{float:right;}

.status-wrap{margin-top: 70px;margin-bottom: 20px;}
.status-wrap .box-wrap { border: 1px solid #D7E8FA; width: 980px; max-height: 570px; min-height: 300px; }
.status-wrap .title{text-align: right;margin:0 auto 0px;z-index:1;position: relative;padding:10px 20px;width:980px;border:1px solid #D7E8FA;background-color: #FFF;font-weight: bold;}
.status-wrap .title i{font-weight: bold;margin-right: 30px;}

.table-status{width: 90%;margin:20px auto;}
.table-status caption{font-weight: bold;margin: 5px 0;}
.table-status th{background-color: #74A0C7;color:#FFF;border:1px solid #CCC;}
.table-status th,.table-status td{border:1px solid #CCC;padding:5px 20px;text-align: center;}

.icon-state-yes, .icon-state-no, .icon-state-mark { width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 3px; }
.icon-state-yes { border: 1px solid #ccc; background-color: #349802; }
.icon-state-no { border: 1px solid #ccc; background-color: #D9E5F5; }
.icon-state-mark { background: url(../../static/images/icon-mark.png) no-repeat; }
/*
.select-list{float:left;width: 160px;border:1px solid #D6E3F3;background-color: #FEFFF1;padding: 10px;margin: 10px;height: 90%;}
.select-list li{margin: 10px 0;}
.select-list a{color: #FF6701;display: block;width: 100%;padding: 5px 0;text-indent: 2em;background:url(http://hmwx.wdexam.com/Public/Home/img/examTp/cpa/dot-1.png) no-repeat 5px center;font-weight: bold;}
.select-list a:hover,.select-list .cur a{background-color: #ADD9E6;color: #FF6701;}
.select-detail{margin-left: 210px;width:72%;height: 490px;margin-top: 10px;overflow-y:auto;}
*/
.i-select { width: 100%; }

.menu-wrap, .tip-wrap { margin-top: 70px; }
.menu-wrap .box-wrap, .tip-wrap .box-wrap { padding: 10px 20px 0px; }
.menu-wrap h3 { font: 30px "simhei"; margin: 10px auto; }
.menu-wrap h4 { font-weight: bold; }
.menu-wrap li { position: relative; background: url(../../static/images/dot-2.png) no-repeat 0px 15px; padding: 10px 0; padding-left: 25px; border-top: 1px dotted #ddd; background-position-y: 11px; }
.menu-wrap li.alpha { border: none; }
.menu-wrap li p { padding-right: 140px; padding-left: 30px; }
.menu-wrap li a { float: right; position: absolute; top: 40%; right: 20px; }
.menu-wrap .sub-info, .tip-wrap .sub-info { font-size: 16px; font-weight: bold; padding-left: 50px; margin-bottom: 40px; }
.menu-wrap .sub-info img, .tip-wrap .sub-info img { vertical-align: middle; margin-right: 10px; }
.menu-wrap .tip { background: url(../../static/images/time-bg.png) no-repeat 60px center; padding: 20px 120px; font-size: 18px; font-weight: bold; }
.menu-wrap .box-wrap { height: 590px; }
.menu-wrap ul { width: 840px; margin: 0 auto; }

.tip-wrap { }
.tip-wrap .box-wrap { padding-top: 30px; height: 570px; }
.tip-wrap ul { padding-left: 25px; }
.tip-wrap li { background: none; border: none; }


.ul-subject h3 { text-align: center; font-size: 30px; margin: 10px auto; }
.ul-subject ul { margin: 10px auto 10px; width: 600px; }
.ul-subject ul li { margin: 8px; display: inline-block; width: 45%; }
.ul-subject ul li a {font-size: 16px; width: 100%; padding: 16px 0; display: block; text-align: center; border-bottom: 1px solid #B4DEFF; background-color: #D8EDFF; border-radius: 30px; text-shadow: 0 1px 0 #FFF; font-weight: bold; text-decoration: none; }
.ul-subject ul li a:hover { background-color: #98D172; color: #fff; border-bottom: 1px solid #71B940; text-decoration: none; text-shadow: 0 1px 3px #333; }
.ul-subject ul li a:active { box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3); }

.table-select { width: 100%; border-collapse: collapse; border-spacing: 0; color: #4B6389; }
.table-select th { text-align: left; }
.table-select thead tr { background-color: #F3F7FF; }
.table-select th, .table-select td { padding: 5px; border: 1px solid #D6E3F3; }
.table-select tr:hover { background-color: #ADD9E6; }
.table-select .t1 {  }
.table-select .t2, .table-select .l2 { width: 90px; text-align: center; }
.table-select .t3, .table-select .l3 { width: 90px; text-align: center; }
.table-select .t4, .table-select .l4 { width: 90px; text-align: center; }
.table-select .l4 img { border: 0; }


.wrap-l { padding-top: 70px; }
.wrap-l .box-wrap { width: 980px; margin: 0 auto; height: 580px; padding: 10px 0; overflow-y: auto; }
.wrap-l iframe { width: 100%; margin-top: 10px; height: 481px; }

.h-s-time { font-weight: bold; text-align: center; position: absolute; top: 10px; left: 440px; display: block; }
.h-s-time span { display: block; }

.full-screen-tip .wrap { background-color: rgba(0,0,0,0.3); opacity: 0.8\9; text-align: center; color: #FFF; text-shadow: 0 0 3px rgba(0,0,0,0.8); min-width: 300px; min-height: 100px; display: inline-block; border-radius: 30px; font-size: 25px; top: 300px; vertical-align: middle; line-height: 100px; padding: 10px 30px; }
.full-screen-tip { width: 100%; position: absolute; top: 300px; text-align: center; }


.p-notice { padding: 20px 50px; line-height: 1.5; }
.p-notice p { padding-left: 0; text-indent: 0; }
.p-notice .menu-list { margin: 20px 30px 20px 60px; }
.p-notice .menu-list dt { font-weight: bold; margin-left: -30px; }
.p-notice .menu-list dd { margin-left: 0; margin: 5px 0; }
.p-notice .menu-list dd a { color: #06c; line-height: 26px; text-decoration: underline; }
.p-notice .menu-list dd a:hover { color: #F37F0D; }
.p-notice dt { font-weight: bold; margin-bottom: 10px; }
.p-notice ul, .p-notice ol { margin-left: 0; padding-left: 0; }
.p-notice ul li, .p-notice ol li, .tip-wrap li { font-size: 14px; line-height: 26px; margin-bottom: 10px; }
.ta-r { text-align: right; }
.red { color: #c00; }
.mark { background-color: #FF0; }

.p-rules { padding: 10px 10px; }
.p-rules h3, .p-notice h3 { font-size: 30px; margin: 10px auto 20px; text-align: center; }
.p-rules p, .p-notice p { font-size: 14px; line-height: 26px; margin-bottom: 10px; padding-left: 40px; text-indent: -29px; }
.p-rules p { text-indent: -50px; margin: 15px; padding-left: 60px; padding-right: 10px; }
.p-rules .num { display: inline-block; width: 50px; text-align: right; }

.p-notice h4 { font-weight: bold; margin-bottom: 10px; color: #658ABE; text-indent: 2em; }
.p-notice p { text-indent: 2em; padding-left: 0; }
.p-notice img { margin-left: 2em; margin-top: 10px; }

.layer-user-info { position: absolute; top: 230px; width: 100%; }
.layer-user-info .check-user-info { width: 480px; overflow: hidden; padding-top: 10px; }
.layer-user-info .wrap { width: 543px; padding: 20px 0; background-color: #FFF; border: 2px solid #C1CEE3; }
.layer-user-info .check-user-info h2 { padding: 10px 30px; font-weight: bold; font-size: 20px; display: inline-block; }
.layer-user-info .check-user-info table { width: 100%; font-size: 14px; }
.layer-user-info .check-user-info th { font-weight: bold; width: 100px; text-align: right; }
.layer-user-info .check-user-info th .block { display: inline-block; width: 29px; }
.layer-user-info .check-user-info th, .check-user-info td { padding: 5px; }
.layer-user-info .check-user-info td span { display: block; border-bottom: 1px solid #000; text-align: center; color: #4E5C76; }
.layer-user-info .check-user-info .td-photo { width: 160px; text-align: center; }
.layer-user-info .check-user-info .td-photo img { width: 120px; }

.layer-table-modulus { position: absolute; top: 160px; width: 100%; }
.layer-table-modulus .wrap-modulus { width: 700px; overflow: hidden; padding: 10px; }
.layer-table-modulus .wrap { background-color: #FFF; width: 740px; padding: 20px 10px; margin: 0 auto; border: 2px solid #C1CEE3; }

.i-notice { font-weight: bold; width: 670px; margin: 0 auto; display: block; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }

.wrap-h { text-align: center; padding-top: 240px;; }
.wrap-h img { margin-bottom: 30px; }
.mr60px { margin-right: 60px; }

.table-modulus { width: 100%; }
.table-modulus caption { padding: 8px 0; }
.table-modulus th, .table-modulus td { border: 1px solid #ccc; padding: 5px; text-align: center; }
.table-modulus th { background-color: #D3E5F5; }
.table-modulus tr:nth-child(2n-1) { background-color: #ECECEC; }
.table-modulus tr:hover { background-color: #E8F2FA; }
.table-modulus td:hover { background-color: #FEE487; }
.table-modulus td:first-of-type:hover { background-color: transparent; }
.ul-tips { padding-left: 80px !important; text-indent: -29px; padding-right: 60px; }

.popup{position: absolute;background-color: #FFF;border:1px solid #000;box-shadow:1px 1px 5px rgba(0,0,0,0.5);}
.popup a{display: block;padding:5px 20px;text-decoration: none;}
.popup a:hover{background-color: #4281f4;color:#FFF;}

.rule-null{font-weight: bold;text-align: center;margin: 20% auto 0;border:1px dashed #5593FF;padding:20px;width:60%;background-color: #FFFEF2;color:#333;font-size: 16px;}
.rule-null img{vertical-align: middle;width:90px;margin-right: 10px;}

/*fix for ie*/
.answer-iframe { width: 100%; height: 100%; }
.layer-answer { top: 10px; }
.layer-answer .wrap { width: 980px; height: 690px; }
.layer-answer .wrap-modulus { width: 940px; height: 630px; }
.answer-desc { line-height: 1.7; margin: 10px; overflow-y: auto; }
.answer-desc p { text-indent: 2em; }
.answer-desc .cell { margin-bottom: 20px; }
.answer-desc .cell ul { }
.answer-desc .answer-h1 { font-weight: bold; font-family: simhei; text-align: center; font-size: 24px; }
.body-answer { background-color: transparent; min-width: auto; }


.wrap-l .box-wrap{position: relative;}
.p-notice{
    padding-top: 40px;
}
.fixed-nav{
    position:absolute;
    margin-top: -10px;
    background-color: #F5FAFE;
    padding: 16px 10px 10px 50px;
    font-size: 14px;
    line-height: 1.5;
    max-width: 950px;
}
.fixed-nav a{margin-left: 10px;}



.question { height: 140px; overflow-y: scroll; border-bottom: 2px solid #549FE3; line-height: 1.5; padding: 10px 10px 0; }
.user-opt { margin-top: -2px; height: 480px; padding: 0 10px; overflow-y: auto; }
.user-opt ul { list-style: none; padding-left: 0; margin-left: 0; }
.user-opt li { margin-bottom: 35px; }
.user-opt h3 { font-weight: bold; font-size: 14px; line-height: 1.5; text-indent: -30px; margin-left: 30px; }
.user-opt h3 span { display: inline-block; width: 30px; text-align: center; text-indent: 0; }
.user-opt p { line-height: 1.5;  padding: 5px 0 5px 30px; }
.user-opt label{font-weight: normal;}
.user-opt input{margin:3px;}
.icon-pen, .icon-cal, .icon-book, .icon-flag, .icon-flag-c, .icon-copy, .icon-paste, .icon-cut, .icon-formula, .icon-ch, .icon-bulb, .icon-zoom-out, .icon-zoom-in, .icon-matrix { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../../static/images/icon.png) no-repeat; margin-right: 3px; }
.icon-pen { background-position: 0 0; }
.icon-cal { background-position: -20px 0; }
.icon-book { background-position: -40px 0; }
.icon-flag { background-position: -60px 0; }
.icon-flag-c { background-position: -80px 0; }
.icon-copy { background-position: -100px 0; }
.icon-paste { background-position: -120px 0; }
.icon-cut { background-position: -140px 0; }
.icon-formula { background-position: -160px 0; }
.icon-ch { background-position: -180px 0; }
.icon-bulb { background-position: -200px 0; }
.icon-zoom-in { background-position: -220px 0; }
.icon-zoom-out { background-position: -240px 0; }
.icon-matrix { background-position: -260px 0; }


.toolbar { position: relative; background-color: #A3CCEE; padding: 8px 10px; color: #000; height: 36px; }
.toolbar .more { float: right; }
// .toolbar .more .hasdrop:after { content: url(http://hmwx.wdexam.com/Public/Home/img/examTp/cpa/list-dot.png); margin-left: 5px; }
.toolbar .more span, .question-info .hd .more span { border-left: 1px dotted #ccc; padding-left: 8px; margin-left: 8px; cursor: pointer; }
.toolbar .more span:hover { color: #000; text-shadow: 0 1px 0 #D3EDFF; }
.toolbar-pop { box-shadow: 3px 3px 5px rgba(0,0,0,0.2); background-color: #FFF; }
.toolbar-pop .arrow { display: block; position: absolute; top: -6px; top: -8px\9; margin-left: 25px; width: 10px; height: 10px; background-color: #FFF; border: 1px solid #C1CEE3; border-right: 0; border-bottom: 0; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865475, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865475, SizingMethod='auto expand'); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }
/*fix for IE9*/
:root .toolbar-pop .arrow { filter: none\9; top: -6px\9; }
.pop-ch { position: absolute; width: 140px; border: 1px solid #C1CEE3; z-index: 2; }
.pop-ch a { display: block; padding: 5px 22px; text-decoration: none; border: 1px solid #FFF; border-right: 0; border-left: 0; font-size: 12px; color: #000; position: relative; z-index: 2; }
.pop-ch a:hover { background-color: #FEE7A3; border: 1px solid #FFBD69; border-left: 0; border-right: 0; }

.pop-formula { position: absolute; width: 324px; min-height: 115px; padding: 1px; border: 1px solid #C1CEE3; background-color: #FFF; z-index: 1; }
.pop-formula .arrow { margin-left: 80px; }
.pop-formula1 { position: absolute; width: 135px; min-height: 58px; padding: 1px; border: 1px solid #C1CEE3; background-color: #FFF; z-index: 1; }

.question-info .hd .more span:hover { color: #63AEEA; text-shadow: 0 1px 0 #FFF; }

.question-info, .question-opt { width: 98%; margin: 0 auto; border: 1px solid #C1CEE3; background-color: #FFF; }
.question-info .hd { background-color: #E5EDF8; padding: 5px 10px; }
.question-info .hd .more { float: right; }
.question-info .toolbar h3 { display: inline-block; }
.question-info .i-question { height: 240px; overflow-y: auto; text-indent: 2em; padding:5px;}
.question-opt { position: relative; height: 345px; overflow: hidden; }
.question-opt .ul-more { position: absolute; top: 6px; left: 0px; }
.question-opt .ul-more li { float: left; border-radius: 5px 5px 0 0; background: #c00; padding: 2px 4px; border: 1px solid #2C3D51; border-bottom: none; margin-left: 3px; }
.question-opt .ul-more { list-style: none; margin: 0; padding: 2px 5px; }
.question-opt .ul-more li a { color: #000; text-decoration: none; font-weight: bold; font-size: 12px; }
.question-opt .ul-more li a:hover { color: #06c; text-decoration: none; }
.question-opt .ul-more .cur { background: rgb(250,235,192); background: -moz-linear-gradient(top, rgba(250,235,192,1) 0%, rgba(225,191,117,1) 50%, rgba(176,111,57,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,235,192,1)), color-stop(50%,rgba(225,191,117,1)), color-stop(100%,rgba(176,111,57,1))); background: -webkit-linear-gradient(top, rgba(250,235,192,1) 0%,rgba(225,191,117,1) 50%,rgba(176,111,57,1) 100%); background: -o-linear-gradient(top, rgba(250,235,192,1) 0%,rgba(225,191,117,1) 50%,rgba(176,111,57,1) 100%); background: -ms-linear-gradient(top, rgba(250,235,192,1) 0%,rgba(225,191,117,1) 50%,rgba(176,111,57,1) 100%); background: linear-gradient(top, rgba(250,235,192,1) 0%,rgba(225,191,117,1) 50%,rgba(176,111,57,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebc0', endColorstr='#b06f39',GradientType=0 ); }
.question-opt .ul-more li { cursor: pointer; background: rgb(244,244,244); background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(214,218,219,1) 50%, rgba(182,186,189,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(50%,rgba(214,218,219,1)), color-stop(100%,rgba(182,186,189,1))); background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(214,218,219,1) 50%,rgba(182,186,189,1) 100%); background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(214,218,219,1) 50%,rgba(182,186,189,1) 100%); background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(214,218,219,1) 50%,rgba(182,186,189,1) 100%); background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(214,218,219,1) 50%,rgba(182,186,189,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#b6babd',GradientType=0 ); }

.question-opt .ul-more-block { list-style: none; padding-left: 10px; }
.question-opt .ul-more-block-large { position: relative; }
.question-opt .ul-more-block-large .desc { width: 40%; display: inline-block; vertical-align: top; overflow-y: auto; height: 265px; }
.question-opt .ul-more-block-large .write { width: 59%; display: inline-block; }

.question-opt .i-ask, .question-opt .i-t-ask { padding: 10px; height: 220px; overflow-y: scroll; font-size: 14px; border: 1px solid #ABADB3; width: 97%; margin-bottom: 10px; }



.info { float: left; border: 1px solid #D5DCE4; border-radius: 10px; background: rgba(255,255,255,0.7); width: 180px; margin: 0 10px; padding: 10px 20px; }
.info h3 { font-weight: bold; color: #668ABA; }
.info .user-photo { width: 100%; margin: 20px 0; }
.info dt { font-weight: bold; }
.info dd { margin: 5px 0 15px 0px; }



.ul-more-s { width: 100%; background-color: #BEDEF5; position: relative !important; margin-top: -8px !important; padding: 0 !important; }
.ul-more-s { zoom: 1; }
.ul-more-s:before,
.ul-more-s:after { content: ""; display: table; }
.ul-more-s:after { clear: both; }

#calc { padding: 0; }

.public-table { border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; }
.public-table th, .public-table td { padding: 10px; border: 1px solid #ccc; }

.table-20-1 dd, .table-20-2 dd, .table-20-3 dd { line-height: 26px; }

#colse_btn { text-align: right; margin-left: 445px; }
.jhx_div_title { width: 100%; background: #E0EEEE; border: 1px solid ActiveBorder; }
#line { position: absolute; z-index: 999; width: 100%; height: 4px; overflow: hidden; cursor: n-resize; }
#ti-muilt { height: 630px; overflow: hidden; }
.question p { text-indent: 2em; }
.i-question table { margin-left: 2em; margin-top: 10px; }
.i-question p { text-indent: 2em; }

.exam { padding-left: 250px; padding-right: 10px; height: 630px; margin-bottom: 30px; }
.exam iframe { width: 100%; height: 650px; border: 1px solid #C1CEE3; }
.exam-iframe-wrap {width: 1003px; height: 630px; margin: 0 auto; background: #fff; font-size: 14px; font-weight: normal;font-family: Tahoma,Arial;}

/*公式*/
.tabsC2 { float:left; }

// .tabsC2 .normal .tabsleft { background: url(Images/Tab/C2/tableft_N.gif); }
// .tabsC2 .current .tabsleft { background: url(Images/Tab/C2/tableft.gif); }

// .tabsC2 .normal .tabscenter { background: url(Images/Tab/C2/tabcenter_N.gif); }
// .tabsC2 .current .tabscenter { background: url(Images/Tab/C2/tabcenter.gif); }
// .tabsC2 .normal .tabsright { background: url(Images/Tab/C2/tabright_N.gif); }
// .tabsC2 .current .tabsright { background: url(Images/Tab/C2/tabright.gif); }

.tabs { padding-left:10px; height: 28px; background-repeat: repeat-x; background-position: left bottom;border-top:0px solid #7198c8; }

.tabs ul { clear: both; }
.tabs li { display: block; float: left; white-space: nowrap; }

.tabs .normal b, .tabs .current b { cursor: pointer; }

.tabs .normal .tabsleft, .tabs .current .tabsleft { display: block; padding: 0 0 0 4px; }
.tabs .normal .tabscenter, .tabs .current .tabscenter { display: block; text-align: center; height: 28px; float: left; line-height: 28px; padding: 0; margin-right: 2px; }
.tabs .normal .tabsright, .tabs .current .tabsright { margin: 0; display: block; padding: 0 5px 0 3px; }

.tabs .normal .tabsleft { background-repeat: no-repeat; background-position: left top; }
.tabs .current .tabsleft { background-repeat: no-repeat; background-position: left top; }

.tabs .normal .tabscenter { color: #000; font-weight: normal; background-repeat: repeat-x; background-position: top; font-size: 12px; }
.tabs .current .tabscenter { color: #fff; font-weight: bold; background-repeat: repeat-x; background-position: top; font-size: 13px; }

.tabs .normal .tabsright { background-repeat: no-repeat; background-position: right top; font-size:14px;font-weight:bold; }
.tabs .current .tabsright { background-repeat: no-repeat; background-position: right top; font-size:14px;font-weight:bold; }

.toolBar
{
    float:right;
}

.toolBar .toolBlock
{
    float:left;
    height:28px;
    padding-right:6px;
}

</style>

